<!DOCTYPE html>
<html>
<head>
	
	<title><?php echo _MANAGER_TITLE_; ?></title>

	<?php $this->setFlag('list,vue'); ?>
	<?php $this->import('meta'); ?>

	<link rel="stylesheet" type="text/css" href="html/manager/record/css/flowlog.css" />

    <script type="text/javascript" src="html/manager/record/js/flowlog.js?v=11"></script>

</head>
<body>

	<div id="mainBg" class="bg" style="display: none;">

		<input type="text" id="moduleInfo" class="display-none" />
		<input type="text" id="workerInfo" class="display-none" />
		<input type="text" id="typeInfo" class="display-none" />
		<input type="text" id="selectid" class="display-none" />
		<input type="text" id="tempid" class="display-none" />
		<input type="text" id="menuid" class="display-none" />

		<div class="title-bar2">
            <div class="title2">操作流水日志</div>
        	<button id="deleteMoreBtn" type="button" class="layui-btn layui-btn-danger btnDel" style="display: none;" onclick="deleteMoreFlowlog()">批量删除</button>
        </div>

        <div class="options-bar">
        	<div class="options-row">
        		<div class="options-row-left">操作模块：</div>
				<div id="moduleOptions" class="options-row-right">
				</div>
        	</div>
        	<div class="options-row2">
        		<div class="options-row-left">操作类型：</div>
				<div class="options-row-right">
					<div class="options-item-selected" onclick="selectOneOption(this, '', 'typeInfo')">全部</div>
					<div class="options-item" onclick="selectOneOption(this, 'add', 'typeInfo')">新增一条</div>
					<div class="options-item" onclick="selectOneOption(this, 'edit', 'typeInfo')">更新一条</div>
					<div class="options-item" onclick="selectOneOption(this, 'delete', 'typeInfo')">删除一条</div>
					<div class="options-item" onclick="selectOneOption(this, 'list', 'typeInfo')">查询列表</div>
					<div class="options-item" onclick="selectOneOption(this, 'info', 'typeInfo')">查看详情</div>
					<div class="options-item" onclick="selectOneOption(this, 'addmore', 'typeInfo')">新增多条</div>
					<div class="options-item" onclick="selectOneOption(this, 'editmore', 'typeInfo')">更新多条</div>
					<div class="options-item" onclick="selectOneOption(this, 'deletemore', 'typeInfo')">删除多条</div>
				</div>
        	</div>
        	<div class="options-row2">
        		<div class="options-row-left">操作员：</div>
				<div id="workerOptions" class="options-row-right">
				</div>
        	</div>
        	<div class="options-row2">
        		<div class="options-row-left">操作时间：</div>
				<div class="options-row-right">
					<div class="options-text">从</div>
					<input type="text" id="startdate" class="options-input1" placeholder="起始时间" readonly="readonly" autocomplete="off" />
					<div class="options-text">至</div>
					<input type="text" id="enddate" class="options-input1" placeholder="结束时间" readonly="readonly" autocomplete="off" />
				</div>
        	</div>
        </div>

        <div class="tongji-bar">
            <span class="tongji">共<span id="listCount" class="tc1">0</span>条日志</span>
        </div>

        <div id="listBar" class="table-bar">
        	<table class="table-box">
        		<tr class="tr-head">
        			<td class="td-head hw0"><input type="checkbox" name="allSelect" onclick="selectAll(this)" /></td>
                    <td class="td-head">操作内容</td>
                    <td class="td-head hw6">关联数据</td>
                    <td class="td-head hw5">操作模块</td>
                    <td class="td-head hw3">操作员</td>
                    <td class="td-head hw4">操作时间</td>
                    <td class="td-head hw2">操作</td>
                </tr>
                <tr class="tr-item" v-for="info in list">
                	<td class="td-item-center hw0"><input type="checkbox" name="isSelect" v-bind:value="info.recordid" onclick="selectOne()" /></td>
                    <td class="td-item-left">{{ info.content }}</td>
                    <td class="td-item-center hw6">{{ info.association }}</td>
                    <td class="td-item-center hw5">{{ info.module }}</td>
                    <td class="td-item-center hw3">{{ info.operater }}</td>
                    <td class="td-item-center hw4">{{ info.operatetime }}</td>
                    <td class="td-item-center hw2">
                    	<template v-if="permission.deleteRecord == 'yes'">
                    		<span class="item-delete" v-on:click="deleteFlowlog(info.recordid)">删除</span>
                    	</template>
                    </td>
                </tr>
        	</table>
        </div>

        <?php $this->import('page'); ?>
        <?php $this->import('options'); ?>

        <script type="text/javascript">
        	var flowlog = new Vue({
	            el: '#listBar',
	            data: {
	                list: '',
	                permission: ''
	            }
	        });

	        layui.use('laydate', function(){
                var laydate = layui.laydate;
                laydate.render({
                    elem: '#startdate',
                    done: function(value, date, endDate) {
                    	queryKey('ok');
                    }
                });
                laydate.render({
                    elem: '#enddate',
                    done: function(value, date, endDate) {
                    	queryKey('ok');
                    }
                });
            });
        </script>

	</div>

</body>
</html>